@import "../../c/common.scss";
$picURL: "../../../pic";
.app {
	padding-bottom:units(150);
	width:100%;
	margin: auto;
	overflow:hidden;
	.zhuanchang {
		margin: auto;
		width: units(610);
		ul {
			position: relative;
			top: - units(20);
			overflow: hidden;
			text-align: center;
			.yaoyao{
				img {
					width:units(125);
					background: #fff;
					border: 10px solid #fff;
					border-radius: 500px;
				}
			}
			.caidan {
				margin-top: units(60);
			}
			li {
				float:left;
				margin: 0 units(20);
				text-align:center;
				a {
					display:inline-block;
					color:#6e6e6e;
					font-size: units(26);
					padding: 4px 35px;
				}
				.current {
					border:units(2) solid #6e6e6e;
				}
			}
		}
	}
	.info {
		position: relative;
		height: units(530);
		padding-top: units(130);
		background: url(#{$picURL}/women.jpg) no-repeat;
		background-size: cover;
		.gengduo {
				position: absolute;
				top: 0.53333rem;
				padding: 0.13333rem;
				font-size: 0.2rem;
				color: #fff;
				background: rgba(0, 0, 0, 0.5);
		}
		.touxiang {
			width: units(200);
			height: units(200);
			margin: auto;
			border-radius: units(500);
			overflow: hidden;
			border: 1px solid #e5e5e5;
		}
		.dangan {
			position: absolute;
			bottom: 0;
			height: units(90);
			padding: units(10) 0;
			text-align: center;
			width: 100%;
			background: rgba(0,0,0,0.5);
			color: #fff;
			div {
				height: units(70);
				line-height: units(70);
				float: left;
			}
			.left-border {
				border-left: 2px solid #fff;
			}
			.box{
				width: 24%;
				span {
					font-size: units(22);
					vertical-align: bottom;
				}
				b {
					padding: 0 units(5);
				}
				img {
					width: units(25);
				}
			}
		}
	}
	.dfb {
		padding: units(20);
		background: url(#{$picURL}/zhongxian.png) repeat-x center;
		h4 {
			width: units(200);
			text-align: center;
			margin: 0 auto;
			background: #e8e8ee;
		}
	}
	.floor{
		margin: 0 auto;
		width: units(730);
		overflow: hidden;
		position: relative;
		top: - units(20);
		.list{
			height: units(540);
		}
		.list-dp{
			height: units(470);
		}
		.list,
		.list-dp,
		.list-fb {
			float: left;
			width: units(355);
			background: #fff;
			margin: 0 units(5) units(10) units(5);
			.img-box {
				position: relative;
				width: units(355);
				height: units(375.29);
				.delete,
				.xiajia{
					position: absolute;
					bottom:units(15);
					right:units(15);
					width: units(70);
					height: units(70);
					border-radius: 300px;
					padding:units(20);
					text-align: center;
					background-color:rgba(0,0,0,0.5);
					overflow: hidden;
					img {
						width: 100%;
						height: 100%;
					}
				}
				.times {
						position: absolute;
						bottom: 0;
						width: units(355);
						padding: units(20);
						height: uunits(120);
						background-color:rgba(0,0,0,0.5);
						color: #fff;
						font-size: units(22);
						div {
							float: left;
						}
						img {
							width: units(30);
							height: units(30);
						}
					}
				img {
					width: 100%;
					height: 100%;
				}
			}
			h4 {
				padding: units(25) units(15) units(15) units(15);
			}
			.money{
				width: 100%;
				padding: 0 units(15);
				font-size:units(24);
				vertical-align: sub;
				span {
					color: #f1464e;
				}
				.numb {
					font-size: units(45);
				}
				.huo-num {
					font-size: units(20);
				}
				.huo-tag {
					padding-left:units(36);
					margin-left:units(20);
					background: url(#{$picURL}/huo.svg) no-repeat;
					background-position:0 0;
					-webkit-background-size: units(30) units(30);
					-moz-background-size: units(30) units(30);
					-o-background-size: units(30) units(30);
					background-size: units(30) units(30);
					color:#6e6e6e;
				}
				.tag {
					padding-left:units(36);
					background: url(#{$picURL}/money.svg) no-repeat;
					background-position:0 0;
					-webkit-background-size: units(30) units(30);
					-moz-background-size: units(30) units(30);
					-o-background-size: units(30) units(30);
					background-size: units(30) units(30);
					color:#6e6e6e;
				}
				.cishu {
					float: right;
					padding-top: units(19);
				}
			}
		
		}
	}
}

